<%@ taglib uri="/struts-tags" prefix="s" %>

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/style.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/personalizedRecommendations.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/jquery.autocomplete.css"/>" />
        <link rel="stylesheet" type="text/css" href="<s:url value="/css/colorbox.css"/>" />

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        <title><s:text name="lector.titolweb"/></title>

        <script type="text/javascript" src="<s:url value="/js/jquery-1.3.2.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.ba-replacetext.min.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.scrollTo-min.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/personalizedRecommendations.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.periodicalupdater.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.autocomplete.js"/>"></script>
        <script type="text/javascript" src="<s:url value="/js/jquery.colorbox.js"/>"></script>

    </head>
    <body>
        <div id="contenidorPrincipalRecomanacions">

            <div id="header">
                <div id="headerLogo">
                    <a id="refreshHomePage" href="<s:url value="/Recommendations/PersonalizedRecommendations"/>"><img src="<s:url value="/img/logo-grande.gif"/>" title='<s:text name="lector.titolweb"/>'/></a>
                </div>

                <div id="headerUserInfo">
                    <p><s:text name="lector.benvingut"/>&nbsp;<a href="<s:url value="/UserEdition"/>"><s:property value="#session.usuariConectat.login"/></a></p>
               	</div>	    

                <div id="headerButtons">
                    <a href="<s:url value="/Recommendations/PersonalizedRecommendations"/>" id="readerButton" class="menuButton">Personalized Recommendations</a>
                    <a href="<s:url value="/Recommendations/TopRecommendations"/>" id="mostrarItemsVotats" class="menuButton">Top Recommendations</a>
                    <a href="<s:url value="/Lector/MostrarLector"/>" id="readerButton" class="menuButton">RSS Reader</a>
                    <a class="menuButton" href="<s:url value="/Lector/Logout"/>">Logout</a>

                </div>
            </div>

            <div style="display:none">

                <!-- Caixa emergent que conte el formulari de afegir una subscripcio nova-->

                <div id="addSubscriptionFromRecommendation" style="padding:10px; background:#fff;">

                    <s:form id="formAddSubscriptionFromRecommendation" cssClass="divFlotant">
                        <s:hidden id="urlFeed"/>
                        <s:actionerror/>                             
                        <s:label for="labelFeed">label it! </s:label>
                        <s:textfield id="labelFeed" name="label"/>
                        <s:submit value="Subscribe" id="btnAddRecommendedSubscription" cssClass="buttonFormSubscripcio"/>
                    </s:form>

                    <div id="textLoadingAfegirSubscripcio" class="textLoading"></div>
                </div>

            </div>

            <div id="contingutCaixesRecomanacions">

                <div id="esquerraRecomanacions">


                    <div id="recPersUsers" class="rounded-box">
                        <div class="titol"><span>Users with related interests</span></div>
                        <div id="contingutRecPersUsers" class="contingutRecGlobals">
                        </div>
                    </div>
                    <div id="recPersClusters" class="rounded-box">
                        <div  class="titol"><span>Related topics you might like</span></div>
                        <div id="contingutRecPersClusters" class="contingutRecGlobals">
                            <p style="margin:15px;">Click on any user on top to see the reading topics you share</p>
                        </div>
                    </div>

                </div>
                <div id="centreRecomanacions">
                    <img src="<s:url value='/img/glasses.png'/>" title="Hide/Show left column"/>
                </div>

                <div id="dretaRecomanacions">


                    <div id="contingutLectorRecomanacions" class="rounded-box">

                        <div id="textMain">
                            <h3>This is the personalized recommendations view</h3> <p style="border:1px solid #ffcc33; font-weight:bold; padding:8px;">Click on the <img alt="I Like it!" src="../img/likeit.gif"/> icon wherever you like to subscribe users, topics or feeds.</p>
                            <p>IRSS calculate similarities between you and other users to show you users with related interests.
                                You can see and subscribe to them, browse their reading topics and, for each, see feeds talking about it.</p>
                            <p>If you are interested in knowing which are the trending topics at IRSS then you can go to the <a href="<s:url value="/Recommendations/TopRecommendations"/>">top recommendations view</a></p>	
                        </div>
                        <div id="llistaItemsSubscripcio" style="display: none;">
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </body>
</html>